<template>
	<view class="lending">
		<Search></Search>
		<view class="yuan"></view>
	
		<view class="xinyong">
			<view class="box1">
				<view style="font-size: 36rpx; margin-left: 40rpx; font-weight: 700;color: #333333;">
					我的信用
				</view>
				<view style=" margin-left: 40rpx; margin-top: 20rpx;font-size: 24rpx;">
					<view>提高我的信用</view>
					<view>可提高放薪的额度</view>
					<view>最高可达<text style="color: #FA3534;">30</text>万</view>
				</view>
			</view>
			<view class="box1">
				<view style="color: #ff4658; font-size: 136rpx; margin-left: 50rpx; margin-top: -50rpx;" >
					85
				</view>
				<view class="img">
					<view style="">
						去涨分
					</view>
				</view>
			</view>
		</view>
		<view class="car">
			<Car
			></Car>
		</view>
		<view class="items">
			<view class="biaoti" >放薪借小微企业贷</view>
			<view class="box2">
				<view class="box2-1">
					<image src="../../static/iamges/xiaoweiqiyerenzheng.png" mode=""></image>
				</view>
				<view  class="box2-2">
					<view style="color: #333333;font-size: 32rpx; font-weight: 600;">小微企业认证</view>
					<view style="font-size: 22rpx;">企业最高可提供额度致<text style="color: red;">50</text>w还可享更快提额</view>
				</view>
				<view  class="box2-3">
					<view class="but">去认证</view>
				</view>
			</view>
		</view>
		<view class="qiche">
			<view class="biaoti">汽车分期</view>
			<view class="qicimg">
				<view style="color: #333333;font-size: 32rpx;font-weight: 600; ">品牌车源低首付</view>
				<view style="font-size: 22rpx;">部分车型低至<text style="color: red;">0</text>首付</view>
			</view>
		</view>
		<!-- 底部导航栏 -->
		<u-tabbar :list="tabbar" :mid-button="true"></u-tabbar>
	</view>
</template>

<script>
	import Search from '../../components/lending/Search.vue'
	import Car from '../../components/lending/car.vue'
	export default {
		components:{
			Search,
			Car
		},
		data() {
			return {
				tabbar: '',
			}
		},
		onLoad() {
			/**
			 * 示例中为每个tabbar页面都写了一遍tabbar变量，您可以将tabbar数组写入到vuex中，这样可以全局引用
			 */
			this.tabbar = [{
					iconPath: "home",
					selectedIconPath: "home-fill",
					text: '借贷',
					count: 0,
					isDot: true,
					customIcon: false,
					pagePath: "/pages/lending/lending"
				},
				{
					iconPath: "red-packet",
					selectedIconPath: "red-packet-fill",
					text: '财富',
					customIcon: false,
					pagePath: "/pages/riches/riches"
				},
				{
					iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
					selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
					text: '首页',
					midButton: true,
					customIcon: false,
					pagePath: "/pages/index/index"
				},
				{
					iconPath: "bell",
					selectedIconPath: "bell-fill",
					text: '财顾',
					customIcon: false,
					pagePath: "/pages/adviser/adviser"
				},
				{
					iconPath: "account",
					selectedIconPath: "account-fill",
					text: '我的',
					count: 0,
					isDot: false,
					customIcon: false,
					pagePath: "/pages/mycenter/mycenter"
				},
			]
		},
		methods: {
		
		}
	}
</script>

<style scoped lang="scss">
.qiche{
	margin-top: 40rpx;
	padding: 0px 45rpx;
	width: 100%;
	
	box-sizing: border-box;
	
	.biaoti{
		color: #333333;
		font-size: 36rpx;
		font-weight: 600;
		margin-bottom: 16rpx;
	}
	.qicimg{
		height: 160rpx;
		padding-top: 40rpx;
		background: url(../../static/iamges/qichefencheng.png) no-repeat;
		background-size: 102%;
		view{
			margin-left: 20rpx;
		}
		
	}
}
.items{
	margin-top: 40rpx;
	padding: 0px 45rpx;
	width: 100%;

	box-sizing: border-box;
	
	.box2{
		height: 128rpx;
		
		border-radius: 20rpx;
		box-shadow: 0rpx 0rpx 15rpx 0rpx #cdcdcd;
		display: flex;
		.box2-1{
			width: 15%;
			height: 100%;
		
			display: flex;
			  flex-flow: row wrap;
			   align-items: center;
			   justify-content: center;
			image{
				width: 80rpx;
				height: 80rpx;
			}
		}
		.box2-2{
			width: 70%;
			height: 100%;
			background-color: #FFFFFF;
			padding-top: 20rpx;
			padding-left: 10rpx;
		}
		.box2-3{
			width: 15%;
			height: 100%;
			
			.but{
				height: 32rpx;
				width: 80rpx;
				background-color: #cdcdcd;
				color: #FFFFFF;
				font-size: 20rpx;
				border-radius: 10rpx;
				text-align: center;
				margin-top: 20rpx;
			}
		}
	}
	.biaoti{
		
		color: #333333;
		font-size: 36rpx;
		font-weight: 600;
		margin-bottom: 16rpx;
	}
}
	.car{
		margin-top: 270rpx;
		padding: 0px 45rpx;
		width: 100%;
		height: 384rpx;
		box-sizing: border-box;
		
	}
	.img{
		margin-left: 35rpx;
		margin-top: -30rpx;
		width: 200rpx;
		height: 80rpx;
		background: url(../../static/iamges/xiaoxi.png) no-repeat;
		background-size: 100%;
		text-align: center;
		line-height: 90rpx;
		color: #FFFFFF;
		font-size: 28rpx;
		box-sizing: border-box;
	}
.lending{
	
	background-color: #fcfcfc;
	.xinyong{
		width: 700rpx;
		height: 320rpx;
		
		margin: -240rpx auto;
		background: url(../../static/iamges/xinyong@2x.png) no-repeat;
		background-size: 100%;
		display: flex;
		.box1{
			width: 50%;
			height: 100%;
		
			padding-top:100rpx ;
		}
	}
	.yuan{
		width: 100vw;
		height: 300rpx;
		background-color: #ff4558;
		border-radius: 0px 0px 40% 40%;

	}
}
</style>
